<template>
  <!-----------------实名认证------------------>
  <view class="all">
    <hea  :flag="flag" :detail="detail"></hea>
    <div class="box">
      <div class="box-1">姓名</div>
      <u--input
        border="node"
        v-model="name"
        fontSize="20px"
        disabled
      ></u--input>
    </div>
    <div class="box">
      <div class="box-1">性别</div>
      <radio-group @change="chan" style="margin-top: 18px; margin-left: 10px" >
        <label >
          <radio :value="'男'" checked="checked" :disabled="true"/>男
          <radio :value="'女'" style="margin-left: 20px" :disabled="true"/>女
        </label>
      </radio-group>
    </div>
    <div class="box">
      <div class="box-1">学校</div>
      <u--input
        border="node"
        v-model="school"
        fontSize="20px"
        disabled
      ></u--input>
    </div>
    <div class="box">
      <div class="box-1">学号</div>
      <u--input
        border="node"
        v-model="studentNum"
        fontSize="20px"
        disabled
      ></u--input>
    </div>
    <div class="box1">
      <div style="width: 50%; font-size: 20px; padding: 15px">
        <div>学生证</div>
        <img
          :src=imgurl
          style="margin-top: 10px; margin-left: 10px;width: 138px;height: 104px;"
        />
      </div>
      <div
        style="
          width: 50%;
          text-align: center;
          font-size: 20px;
          margin-top: 15px;
        "
      >
        <div>示例</div>
        <img src="../../static//img/student.png" style="margin-top: 10px" />
      </div>
    </div>
  </view>
</template>
<script>
import hea from "../../components/hea.vue";
export default {
  components: {
    hea,
  },

  data() {
    return {
  
      detail: "详情",
      name: "小明",
      activeRadio: "男",
      school: "北京工商管理专修学院",
      studentNum: "218205455",
      // 上传图片
      fileList1: [],
      flag: false,
      imgurl: "https://img2.baidu.com/it/u=1799171194,1010364318&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1501",
    };
  },
  methods: {
    changeVal() {
      if (this.imgurl && this.name && this.school && this.studentNum) {
        this.flag = true;
      } else {
        this.flag = false;
      }
    },
    chan(e) {
      this.activeRadio = e.detail.value;
      console.log(this.activeRadio);
    },
  },
  onShow() {},
};
</script>

<style scoped>
.all {
  width: 100vw;
  height: 100vh;
  background: #f2f2f2;
}
.box {
  width: 100%;
  height: 50px;
  margin-top: 1px;
  background: #F5F7FA;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
}
.box1 {
  width: 100%;
  height: 170px;
  margin-top: 1px;
  background: #F5F7FA;
  display: flex;
}
.box-1 {
  font-size: 20px;
  padding: 15px;
}
.upimg {
  width: 190rpx;
  height: 190rpx;
}
.content {
  width: 190rpx;
  height: 190rpx;
  margin-left: 25px;
  margin-top: 10px;
}
.content[data-v-41607cda] {
  width: 100px;
  height: 99px;
  margin-left: 25px;
  margin-top: 10px;
}
</style>
